<template>
	<view style="padding: 30rpx;">
		<view style="background-color: #fff;border-radius: 16rpx;">
			<u-cell-item title="处置场所名称" :value="czInfo.soilName | nullText" :arrow="false" hover-class="none"></u-cell-item>
			<u-cell-item title="处置场所负责人" :value="czInfo.manager | nullText" :arrow="false" hover-class="none"></u-cell-item>
			<u-cell-item title="处置场所类型" :value="czInfo.categoryText | nullText" :arrow="false" hover-class="none"></u-cell-item>
			<u-cell-item title="许可有效期开始日期" :value="czInfo.startDate | nullText" :arrow="false" hover-class="none"></u-cell-item>
			<u-cell-item title="许可有效期结束日期" :value="czInfo.endDate | nullText" :arrow="false" hover-class="none"></u-cell-item>
			<u-cell-item title="详细地址" :value="czInfo.address | nullText" :arrow="false" hover-class="none"></u-cell-item>
			<u-cell-item title="备注" :value="czInfo.remark | nullText" :arrow="false" hover-class="none"></u-cell-item>
		</view>
		<!-- <view style="background-color: #fff;border-radius: 16rpx;margin-top: 20rpx;">
			(选择：1.砂石处置场、2.土方处置场、3.建筑垃圾处置场、4.渣土处置场、5.灰浆等流体处置场、6.其他处置场)
			<u-cell-item title="处置场类型" :value="czInfo.category"></u-cell-item>
			<u-cell-item title="处置场面积" :value="czInfo.siteArea"></u-cell-item>
			<u-cell-item title="处置场容量" :value="czInfo.capacity"></u-cell-item>
		</view>
		<view style="background-color: #fff;border-radius: 16rpx;margin-top: 20rpx;">
			<u-cell-item title="所属企业" :value="czInfo.enterpriseName"></u-cell-item>
			<u-cell-item title="处置场负责人" :value="czInfo.manager"></u-cell-item>
			<u-cell-item title="负责人电话" :value="czInfo.managerPhone"></u-cell-item>
			(选择：1.普通、2.星标、3.重点星标)
			<u-cell-item title="关注级别" :value="czInfo.attentionLevel"></u-cell-item>
		</view>
		<view style="background-color: #fff;border-radius: 16rpx;margin-top: 20rpx;">
			<u-cell-item title="所属组织" :value="czInfo.organization"></u-cell-item>
			<u-cell-item title="所属管辖区" :value="czInfo.area"></u-cell-item>
			<u-cell-item title="监管主体部门" :value="czInfo.supervisingDepartment"></u-cell-item>
		</view>
		<view style="background-color: #fff;border-radius: 16rpx;margin-top: 20rpx;">
			1.工程回填、2.市政建设、3.宕口修复垦、4.绿化用途、5.塌陷地回填、6.低洼地回填、7.消纳场
			<u-cell-item title="消纳渣土类型" :value="czInfo.type"></u-cell-item>
			<u-cell-item title="日处理能力" :value="czInfo.dailyProcessingCapacity"></u-cell-item>
			<u-cell-item title="卸土费单价" :value="czInfo.unloadingFeePrice"></u-cell-item>
		</view>
		<view style="background-color: #fff;border-radius: 16rpx;margin-top: 20rpx;">
			(最多可上传8个附件，最大不超过5M)
			<u-cell-item title="冲洗设备" :value="czInfo.flushingEquipment"></u-cell-item>
			(最多可上传8个附件，最大不超过5M)
			<u-cell-item title="道路硬化设备" :value="czInfo.hardeningEquipment"></u-cell-item>
			最多可上传8个附件，最大不超过5M
			<u-cell-item title="隔离护栏" :value="czInfo.isolationFence"></u-cell-item>
		</view>


		<view style="background-color: #fff;border-radius: 16rpx;margin-top: 20rpx;">
			<u-cell-item title="备注" :value="czInfo.remark"></u-cell-item>
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id: '',
				czInfo: ''
			}
		},
		filters:{
			nullText(v){
				if(v==null||v=='null'||!v){
					return v = ''
				}else{
					return v
				}
			}
		},
		onLoad(opt) {
			this.id = opt.id
			this.initDta()
		},
		methods: {
			initDta() {
				this.$u.get("/soil/site/" + this.id).then(res => {
					if (res.code == 200) {
						 let s = res.data
						switch (s.category) {
							case '1':
								s.categoryText = '砂石土场'
								break;
							case '2':
								s.categoryText = '土方土场'
								break;
							case '3':
								s.categoryText = '建筑垃圾土场'
								break;
							case '4':
								s.categoryText = '渣土土场'
								break;
							case '5':
								s.categoryText = '灰浆等流体土场'
								break;
							case '6':
								s.categoryText = '其他土场'
								break;
							default:
								break;
						}
						this.czInfo = s
					}
				})
			}
		}
	}
</script>

<style>

</style>